<form action="">
  <h3 mat-dialog-title>{{ title }}</h3>
  <div mat-dialog-content>
    <mat-form-field class="full-width">
      <input type="text" matInput placeholder="任务内容" />
    </mat-form-field>
    <mat-radio-group>
      <mat-radio-button
        *ngFor="let priority of priorities"
        [value]="priority.value"
      >
        {{ priority.label }}
      </mat-radio-button>
    </mat-radio-group>
    <mat-form-field class="full-width">
      <input
        type="text"
        matInput
        [matDatepicker]="dueDatepicker"
        placeholder="任务截止日期"
      />
      <mat-datepicker-toggle
        matSuffix
        [for]="dueDatepicker"
      ></mat-datepicker-toggle>
      <mat-datepicker #dueDatepicker></mat-datepicker>
    </mat-form-field>

    <mat-form-field class="full-width">
      <input
        type="text"
        matInput
        [matDatepicker]="reminderDatepicker"
        placeholder="提醒日期"
      />
      <mat-datepicker-toggle
        matSuffix
        [for]="reminderDatepicker"
      ></mat-datepicker-toggle>
      <mat-datepicker #reminderDatepicker></mat-datepicker>
    </mat-form-field>
  </div>
  <div mat-dialog-actions>
    <button type="button" mat-raised-button color="primary" (click)="onClick()">
      保存
    </button>
    <button type="button" mat-dialog-close mat-button>关闭</button>
  </div>
</form>
